<template>
  <view class="layout-nav" :class="classes" :style="'height:' + CustomBar + 'px;' + styles">
    <view :style="'height:' + StatusBar + 'upx'"></view>
    <view class="cu-bar text-white" :style="'min-height:' + CustomBar + 'px'">
      <navigator v-if="back" open-type="navigateBack" class="action">
        <text class="cuIcon-back"></text>
        {{ backText }}
      </navigator>
      <view class="content text-bold">{{ barText }}</view>
      <view class="action"><slot name="right"></slot></view>
    </view>
  </view>
</template>

<script>
import baseMixins from "@/utils/mixins";
export default {
  mixins: [baseMixins],
  data() {
    return {};
  },
  props: {
    classes: String,
    styles: String,
    back: {
      type: Boolean,
      default: true
    },
    backText: {
      type: String,
      default: "返回"
    },
    barText: String
  }
};
</script>
